<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s"  uri="/struts-tags"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML>
<html>
  <head>
    <base href="<%=basePath%>">
    <title>Articles</title>
    <link rel="icon" href="/CyanZhong/pics/logo.png">
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<%@ include file="incfiles"%>
	<!-- css -->
	<link rel="stylesheet" type="text/css" href="css/articles.css">
	<!-- js -->
	<script type="text/javascript" src="js/nav.js"></script>
	<script type="text/javascript" src="js/articles.js"></script>
  </head>
  
  <body>
  	<ul id="navigation">
	    <li class="ios"><a href="/CyanZhong/article-waterfall?type=ios"></a></li>
	    <li class="android"><a href="/CyanZhong/article-waterfall?type=android"></a></li>
	    <li class="algorithm"><a href="/CyanZhong/article-waterfall?type=algorithm"></a></li>
	    <li class="web"><a href="/CyanZhong/article-waterfall?type=web"></a></li>
	    <li class="joke"><a href="/CyanZhong/article-waterfall?type=joke"></a></li>
	    <li class="java"><a href="/CyanZhong/article-waterfall?type=java"></a></li>
	    <li class="mac"><a href="/CyanZhong/article-waterfall?type=mac"></a></li>
	</ul>
 	<div id="article_content">
		<div class="summary">
			<div class="title">
				Cyan Zhong
			</div>
			<div class="cont">
				<b>OKCupid</b>自称是“地球上最好的约会网站”，2007年就曾经试图推出同名的网页版服务但是惨败而归。现在，在手机上闭眼随机找对象，应该比在电脑前面打字要轻松得多，所以他们还是有信心成功的。
			</div>
			<div class="foot">
				created: 2013.1.16 Wed
			</div>
		</div>
		<div class="summary">测试内容</div>
		<div class="summary">测试内容</div>
		<div class="summary">测试内容</div>
		<div class="summary">测试内容</div>
		<div class="summary">测试内容</div>
		<div class="summary">测试内容</div>
		<div class="summary">测试内容</div>
		<div id="loadingArea">
			<img id="loading" src="/CyanZhong/pics/loading.png"/>
		</div>
	</div>
  </body>
</html>
